<!DOCTYPE html>
<html>
<head>
    <title></title>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
</head>

<body>
<div id="rrapp" v-cloak>
    <div v-show="showList">
        <Row :gutter="16">
            <i-col span="4">
                <i-input v-model="q.userName" @on-enter="query" placeholder="会员"/>
            </i-col>
            <i-col span="4">
                <i-input v-model="q.couponName" @on-enter="query" placeholder="优惠劵"/>
            </i-col>
            <i-button @click="query">查询</i-button>
            <!--#if($shiro.hasPermission("usercoupon:save"))-->
            <!--<i-button type="info" @click="add"><i class="fa fa-plus"></i>&nbsp;新增</i-button>-->
            <!--#end-->
            <!--#if($shiro.hasPermission("usercoupon:update"))-->
            <!--<i-button type="warning" @click="update"><i class="fa fa-pencil-square-o"></i>&nbsp;修改</i-button>-->
            <!--#end-->
            <!--#if($shiro.hasPermission("usercoupon:delete"))-->
            <i-button type="error" @click="del"><i class="fa fa-trash-o"></i>&nbsp;删除</i-button>
            <!--#end-->
        </Row>
        <table id="jqGrid"></table>
        <div id="jqGridPager"></div>
    </div>

    <Card v-show="!showList">
        <p slot="title">{{title}}</p>
        <i-form :model="userCoupon" :label-width="80">
            <Form-item label="优惠券Id" prop="couponId">
                <i-input v-model="userCoupon.couponId" placeholder="优惠券Id"/>
            </Form-item>
            <Form-item label="优惠券数量" prop="couponNumber">
                <i-input v-model="userCoupon.couponNumber" placeholder="优惠券数量"/>
            </Form-item>
            <Form-item label="会员Id" prop="userId">
                <i-input v-model="userCoupon.userId" placeholder="会员Id"/>
            </Form-item>
            <Form-item label="使用时间" prop="usedTime">
                <Date-picker v-model="userCoupon.usedTime" placeholder="使用时间"/>
            </Form-item>
            <Form-item label="订单Id" prop="orderId">
                <i-input v-model="userCoupon.orderId" placeholder="订单Id"/>
            </Form-item>
            <Form-item>
                <i-button type="primary" @click="handleSubmit('formValidate')">提交</i-button>
                <i-button type="warning" @click="reload" style="margin-left: 8px"/>
                返回</i-button>
                <i-button type="ghost" @click="handleReset('formValidate')" style="margin-left: 8px">重置</i-button>
            </Form-item>
        </i-form>
    </Card>
</div>

<link rel="stylesheet" href="/static/vue/css/bootstrap.min.css">
<link rel="stylesheet" href="/static/vue/css/font-awesome.min.css">
<!--jqgrid-->
<link rel="stylesheet" href="/static/vue/plugins/jqgrid/ui.jqgrid-bootstrap.css">
<link rel="stylesheet" href="/static/vue/plugins/ztree/css/metroStyle/metroStyle.css">
<!--main-->
<link rel="stylesheet" href="/static/vue/css/main.css">
<link rel="stylesheet" href="/static/vue/css/iview.css">
<!--treegrid-->
<link rel="stylesheet" href="/static/vue/plugins/treegrid/jquery.treegrid.css">
<!--富文本-->
<link rel="stylesheet" href='/static/vue/plugins/froala_editor/css/froala_editor.min.css'/>

<link rel="stylesheet" href="/static/vue/css/style.css">
<!--jquery-->
<script src="/static/vue/libs/jquery.min.js"></script>
<!--layer-->
<script src="/static/vue/plugins/layer/layer.js"></script>
<!--bootstrap-->
<script src="/static/vue/libs/bootstrap.min.js"></script>
<!--vue-->
<script src="/static/vue/libs/vue.min.js"></script>
<script src="/static/vue/libs/iview.min.js"></script>
<!--jqgrid-->
<script src="/static/vue/plugins/jqgrid/grid.locale-cn.js"></script>
<script src="/static/vue/plugins/jqgrid/jquery.jqGrid.min.js"></script>
<!--ztree-->
<script src="/static/vue/plugins/ztree/jquery.ztree.all.min.js"></script>
<!--treegrid-->
<script src="/static/vue/plugins/treegrid/jquery.treegrid.extension.js"></script>
<script src="/static/vue/plugins/treegrid/jquery.treegrid.min.js"></script>
<script src="/static/vue/plugins/treegrid/jquery.treegrid.bootstrap3.js"></script>
<script src="/static/vue/plugins/treegrid/tree.table.js"></script>

<!--simplemde富文本-->
<script src='/static/vue/plugins/froala_editor/js/froala_editor.min.js'></script>
<!--[if lt IE 9]>
<script src="/static/vue/plugins/froala_editor/js/froala_editor_ie8.min.js"></script>
<![endif]-->
<script src="/static/vue/plugins/froala_editor/js/plugins/tables.min.js"></script>
<script src="/static/vue/plugins/froala_editor/js/plugins/lists.min.js"></script>
<script src="/static/vue/plugins/froala_editor/js/plugins/colors.min.js"></script>
<script src="/static/vue/plugins/froala_editor/js/plugins/media_manager.min.js"></script>
<script src="/static/vue/plugins/froala_editor/js/plugins/font_family.min.js"></script>
<script src="/static/vue/plugins/froala_editor/js/plugins/font_size.min.js"></script>
<script src="/static/vue/plugins/froala_editor/js/plugins/block_styles.min.js"></script>
<script src="/static/vue/plugins/froala_editor/js/plugins/video.min.js"></script>
<script src="/static/vue/plugins/froala_editor/js/langs/zh_cn.js"></script>

<script src="/static/vue/libs/jquery-extend.js"></script>
<script src="/static/vue/libs/iNotify.js"></script>
<script src="/static/vue/js/common.js"></script>

<script src="/static/vue/js/shop/usercoupon.js"></script>
</body>
</html>